$(document).ready(function(){
	//jqzoom部分
	var tempLength = 0 //临时变量,当前移动的长度
	var viewNum = 4 //设置每次显示图片的个数量
	var moveNum = 2 //每次移动的数量
	var moveTime = 300 //移动速度,毫秒
	var preview = $("#preview .jqzoom img") //图片预览容器
	var scrollDiv = $(".spec-scroll .items ul") //进行移动动画的容器
	var scrollItems = $(".spec-scroll .items ul li") //移动容器里的集合
	var moveLength = scrollItems.eq(0).width() * moveNum //计算每次移动的长度
	var countLength = (scrollItems.length - viewNum) * scrollItems.eq(0).width() //计算总长度,总个数*单个长度
	//选择数量部分
	var desNumber   = $(".des-number") //数量选择容器
	var inputNumber = $(".des-number input").eq("0") //数量选择输入框

	// 导航菜单样式修正
	$(".topmenu").hover(
		function (){
			$(".topmenu li").css("display" , "block")
		},
		function (){
			$(".topmenu li").hide()
		}
	)	

	//图片放大镜效果
	$(".jqzoom").jqueryzoom({xzoom:500,yzoom:500})
	
	//切换预览图片
	scrollDiv.on("click", "img", function(){
		preview.attr("src",$(this).attr("src"))
		preview.attr("jqimg",$(this).attr("bimg"))
	})

	//图片预览小图移动效果  
	//下一张
	$(".spec-scroll .next").bind("click",function(){
		if(tempLength < countLength){
			if((countLength - tempLength) > moveLength){
				scrollDiv.animate({left:"-=" + moveLength + "px"}, moveTime)
				tempLength += moveLength
			}else{
				scrollDiv.animate({left:"-=" + (countLength - tempLength) + "px"}, moveTime)
				tempLength += (countLength - tempLength)
			}
		}
	})
	//上一张
	$(".spec-scroll .prev").bind("click",function(){
		if(tempLength > 0){
			if(tempLength > moveLength){
				scrollDiv.animate({left: "+=" + moveLength + "px"}, moveTime)
				tempLength -= moveLength
			}else{
				scrollDiv.animate({left: "+=" + tempLength + "px"}, moveTime)
				tempLength = 0
			}
		}
	})
	
	//数字加减按钮效果
	desNumber.on("click", "div", function(){
		var cls    = $(this).attr('class')
        var val    = parseInt(inputNumber.val())
        var reduce = $(this).parent().children('.num-reduce')
        switch (cls) {
            case 'plus':
                inputNumber.val(val + 1)
                reduce.html("-")
                break
            case 'reduction':
                if (val > 1) {
                    inputNumber.val(val - 1)
                }
                if (inputNumber.val() <= 1) {
                    reduce.html('')
                }
                break
            default :
                break
        }
	})

	function addToCart() {
		var data = getData()
		var url  = 
		$.ajax({
			cache : false,
			type  : post,
			url   : url,
			data  : data,
			async : true,
			success : function(data) {
				if (data.code) {
					alert(msg)
				} else {
					alert(msg)
				}
			},
			error : function() {
				alert('页面错误')
			}
		})
	}

	// function getData() {
	// 	var tempData = []
	// 	tempData['gid'] = 
	// 	tempData[''] = 
	// 	tempData[''] = 
	// }
})